@import './vm';

* {
  box-sizing: border-box;
}

header {
  position: relative;
  display: flex;
  display: -webkit-flex;
  /*safari,chrome*/
  justify-content: center;
  align-items: center;
  height: vw(90);
  background-color: #b20000;
  border-bottom: 1px solid #d9d9d9;
  box-sizing: border-box;

  .logo-box {
    width: vw(264);

    img {
      width: 100%;
    }
  }

  .search-box {
    position: absolute;
    right: vw(23);
    top: vw(16);
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    width: vw(42);
    height: vw(42);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #fff;

    a {
      width: 70%;
    }

    img {
      width: 100%;
    }
  }

}



footer {
  height: vw(96);
  background-color: #f5f5f5;
  border-top: 1px solid #bbb9ba;

  ul {
    display: flex;
    display: -webkit-flex;
    align-items: center;
  }
}